<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字和图片加间距 */
				margin: 30px;
			}
		</style>
	</head>
	<body>
		<img src="img/懒羊羊.png" width="300px" height="300px" alt="懒羊羊" />
		<p>Lorem ipsum dolor sit amet consectetur adip isicing elit. Qui natus illo voluptate sint veniam, possimus harum iure facere autem nam vel sapiente dignissimos, saepe cumque est ad aliquam sequi blanditiis?
		   Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, aperiam enim. Voluptatem provident iure aliquid cupiditate at quam necessitatibus doloribus non id, repellendus quibusdam rerum enim ab quo inventore corporis.
		   Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut officiis nesciunt error, magni similique quasi deleniti placeat, repudiandae veniam possimus velit iure. Mollitia dolor sunt molestias commodi saepe voluptas doloremque.
		   Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas laboriosam quidem rem alias expedita optio harum exercitationem consequuntur saepe eum corporis, molestiae obcaecati nam. Unde nobis voluptates odit voluptas perferendis?
		</p>
	</body>
</html>